<template>
  <div>
    <!-- <input type="text" name="" id="inp" /> -->
    <input v-focus type="text" />
  </div>
</template>

<script>
//需求：当页面刷新时自动获取文本框的焦点
// DOM对象.focus()

//通过自定义指令来解决需求
//1.注册
// 全局注册
// 局部注册
//2.使用
export default {
  name: 'SlotApp',
  //局部注册
  directives: {
    focus: {
      inserted (el) {
        el.focus()
      }
    }
  },
  data () {
    return {}
  },

  mounted () {
    // document.querySelector('#inp').focus()
  },

  methods: {}
}
</script>

<style lang="scss" scoped></style>
